<%@page language="java" contentType="text/html;charset=utf-8"%>
<%@ taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
<head>
    <meta charset="UTF-8">
    <title>纪妖</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js" ></script>
    <script src="js/comment.js" ></script>
</head>
<body>
<div id="container">
    <div id="header">
        <jsp:include page="commen/top.jsp"/>

    <div id="bao">
        <div id="photo">
            <img src="image/奇相.jpg"  alt="">
            <img src="image/换面鬼.jpg"  alt="">
            <img src="image/鸡戴烛.jpg"  alt="">
            <img src="image/鼓子蛇.png"  alt="">
            <img src="image/宵明烛光.jpg"  alt="">
        </div>
    </div >
    <div id="main">
        <div id="left">
            <h2>妖怪聚集在此</h2>
            <ul>
                <li><a href="#">《山海经》中上古异兽之七大神兽</a></li>
                <li><a href="#">古代中国幻想世界中的「狐」</a></li>
                <li><a href="#">有关《山海经》中的狍鴞和饕餮形象历史关系的一点相关考证！</a></li>
                <li><a href="#">狐妖余论：博学多才的知识分子——「学狐」</a></li>
                <li><a href="#">“无背锅，不妖怪”——大妖怪“天狗”成名史</a></li>
                <li><a href="#">鲛人之殇--“匹夫无罪，怀璧其罪”</a></li>
            </ul>
        </div>
        <div id="center">
            <marquee onmouseover="this.stop()" onmouseout="this.start()">
                <img src="image/滚1.png" border="0" width="400px" height="230px">
                <img src="image/滚2.png" border="0" width="400px" height="230px">
                <img src="image/滚3.png" border="0" width="400px" height="230px">
                <img src="image/滚4.webp" border="0" width="400px" height="230px">
                <img src="image/滚5.png" border="0" width="400px" height="230px">
            </marquee>
        </div>
        <div id="right">
            <jsp:include page="commen/注册.jsp"/>
        </div>

    </div>
    <!-- 5 留言区-->
<div id="comment">
<jsp:include page="commen/bottom.jsp"/></div>
</div>
</div>
</body>

</html>
